<!DOCTYPE html>

<html>

	<head>
		
		<!-- Title -->
		<title>Blog Archive - CheerApp HTML Template Demo</title>
		
		<!-- Meta tags -->
		<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
		
		<!-- CSS -->
		<link rel="stylesheet" type="text/css" media="screen" href="css/light-blue.css" />
		<link rel="stylesheet" type="text/css" media="screen" href="css/prettyPhoto.css" />
		
		<!-- JavaScript -->
		<script src="js/forms.js" type="text/javascript"></script>
		<script src="js/jquery-1.6.1.min.js" type="text/javascript"></script>
		<script src="js/royal.js" type="text/javascript"></script>
		
		<script type="text/javascript">
			document.documentElement.className += 'js-ready';
		</script>
		
		<!-- IE scripts and stylesheets -->
		<!--[if lt IE 9]>
			<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
			<script src="js/iefixes.js" type="text/javascript"></script>
		<![endif]-->
		
		
	
	</head>
	
	
	<body>
	
		<div id="wrap">
		
			<header id="header">
				<div class="inner-wrap clearfix">
				
					<h1 id="logo">
						<a href="index.html">CheerApp - Premium HTML App Template - Demo</a>
					</h1>
					
					<nav class="dropdown">
						<ul id="nav" class="clearfix">
							<li>
								<a href="index.html">Home</a>
							</li>
							<li>
								<a href="#">Features</a>
								<ul>
									<li><a href="4-column-pricing.html">Pricing&nbsp;tables</a>
										<ul>
											<li><a href="3-column-pricing.html">Three&nbsp;columns</a></li>
											<li><a href="4-column-pricing.html">Four&nbsp;columns</a></li>
											<li><a href="5-column-pricing.html">Five&nbsp;columns</a></li>
										</ul>
									</li>
									<li><a href="wiki.html">Knowledgebase</a>
										<ul>
											<li><a href="wiki-single.html">Single&nbsp;article</a></li>
											<li><a href="wiki.html">Archive</a></li>
										</ul>
									</li>
									<li><a href="register.html">Registration&nbsp;Form</a></li>
									<li><a href="elements.html">Styling&nbsp;demos</a></li>
								</ul>
							</li>
							<li><a href="wiki.html">Knowledgebase</a>
								<ul>
									<li><a href="wiki-single.html">Single&nbsp;article</a></li>
									<li><a href="documentation/index.html">Documentation</a></li>
									<li><a href="contact.html">Contact&nbsp;support</a></li>
								</ul>
							</li>
							<li><a href="4-column-pricing.html">Pricing</a>
								<ul>
									<li><a href="3-column-pricing.html">Three&nbsp;columns</a></li>
									<li><a href="4-column-pricing.html">Four&nbsp;columns</a></li>
									<li><a href="5-column-pricing.html">Five&nbsp;columns</a></li>
								</ul>
							</li>
							<li><a href="blog.html">Blog</a>
								<ul>
									<li><a href="blog-single.html">Single&nbsp;post</a></li>
									<li><a href="blog.html">Monthly&nbsp;archives</a></li>
								</ul>
							</li>
							<li><a href="contact.html">Contact</a></li>
						</ul><!-- end #nav -->
					</nav>
					
					<div class="login">
						
						<!-- Use "user-info" div once the user has logged in and hide the login/register links and login form -->
						<!--						
						<div class="user-info">
							<p>Logged in as <span class="username">Username</span> <a class="logout" href="#">(logout)</a></p>
						</div>
						-->
						
						<ul class="login-links">
							<li><a href="register.html">Register</a></li>
							<li><a class="login-link" href="#">Login</a></li>
						</ul><!-- end .login-links -->
						
						<form id="login-form" method="post" action="#">
						
							<p>
								<label for="username">Username</label>
								<input name="username" value="" id="username" type="text" required placeholder="Username" />
							</p>
							<p>
								<label for="password">Password</label>
								<input name="password" value="" id="password" type="password" required placeholder="Password" />
							</p>
							<p class="forgot"><a href="#">Forgot?</a></p>
							<p>
								<input class="login-submit" type="submit" value="Login" name="submit" />
							</p>
						
						</form>
						
					</div><!-- end #login -->
					
				</div><!-- end .inner-wrap -->
			</header><!-- end header -->
			
			
			<div id="featured">
				<div class="inner-wrap">
				
					<div class="breadcrumb">
						<h2>
							Blog
						</h2>
					</div>
					
					<form id="searchform" method="get" action="search.html" class="clearfix">
						<p>
							<input type="text" value="" name="s" id="s" placeholder="Start searching..." autocomplete="off" />
						</p>
						<p>
							<input type="submit" id="searchsubmit" value="" />
						</p>
					</form>
				
				</div><!-- end .inner-wrap -->
			</div><!-- end #featured -->
			
			
			<div id="main" class="blog">
				<div class="inner-wrap clearfix">
				
					<div class="content content-left">
					
						<article class="post post-blog clearfix">
							<h3 class="post-title"><a href="blog-single.html">Who Rick-rolled Barrack Obama: The Beginning</a></h3>
							<a href="blog-single.html" class="post-image">
								<img src="assets/placeholder-615x140.png" width="615" height="140" alt="Post Image" />
							</a>
							<div class="post-meta">
								<span class="date">14 April 2011</span>
								<a class="comment-count" href="blog-single.html#comment-list">2</a>
								<ul class="categories-list">
									<li><a href="#">Web design</a></li>
									<li><a href="#">News</a></li>
								</ul>
							</div><!-- end .post-meta -->
							<div class="post-content">
								<p>
									Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer mattis iaculis urna ut mollis. Praesent est elit, commodo in blandit ut, mollis eu erat. Nullam ac ipsum eget ante suscipit sagittis. Ut libero dui, ultricies vel pharetra non, aliquam eget leo. Curabitur turpis risus, venenatis a commodo pellentesque, vulputate et ligula. Cras ipsum massa, placerat ut euismod eu, tempus id ligula. Ut id tristique enim. Ut vel leo at nisl vestibulum tristique quis et velit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
								</p>
								<p>
									Integer mattis iaculis urna ut mollis. Praesent est elit, commodo in blandit ut, mollis eu erat. Nullam ac ipsum eget ante suscipit sagittis. Ut libero dui, ultricies vel pharetra non, aliquam eget leo.
								</p>
							</div><!-- end .post-content -->
						</article><!-- end .post -->
						
						<hr />
						
						<article class="post post-blog clearfix">
							<h3 class="post-title"><a href="blog-single.html">Lorem ipsum dolor sit amet</a></h3>
							<a href="blog-single.html" class="post-image">
								<img src="assets/placeholder-615x140.png" width="615" height="140" alt="Post Image" />
							</a>
							<div class="post-meta">
								<span class="date">29 March 2011</span>
								<a class="comment-count" href="blog-single.html#comment-list">0</a>
								<ul class="categories-list">
									<li><a href="#">Web development</a></li>
								</ul>
							</div><!-- end .post-meta -->
							<div class="post-content">
								<p>
									Nullam ac ipsum eget ante suscipit sagittis. Ut libero dui, ultricies vel pharetra non, aliquam eget leo. Curabitur turpis risus, venenatis a commodo pellentesque, vulputate et ligula. Cras ipsum massa, placerat ut euismod eu, tempus id ligula. Ut id tristique enim. Ut vel leo at nisl vestibulum tristique quis et velit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
								</p>
								<p>
									<em>Integer mattis iaculis urna ut mollis. Praesent est elit, commodo in blandit ut, mollis eu erat. Nullam ac ipsum eget ante suscipit sagittis. Ut libero dui, ultricies vel pharetra non, aliquam eget leo.</em>
								</p>
							</div><!-- end .post-content -->
						</article><!-- end .post -->
						
						<hr />
						
						<article class="post post-blog clearfix">
							<h3 class="post-title"><a href="blog-single.html">Mac OSX Lion - early preview of new features</a></h3>
							<a href="blog-single.html" class="post-image">
								<img src="assets/placeholder-615x140.png" width="615" height="140" alt="Post Image" />
							</a>
							<div class="post-meta">
								<span class="date">11 March 2011</span>
								<a class="comment-count" href="blog-single.html#comment-list">18</a>
								<ul class="categories-list">
									<li><a href="#">Operating systems</a></li>
									<li><a href="#">Mac</a></li>
								</ul>
							</div><!-- end .post-meta -->
							<div class="post-content">
								<p>
									Cras ipsum massa, placerat ut euismod eu, tempus id ligula. Ut id tristique enim. Ut vel leo at nisl vestibulum tristique quis et velit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac ipsum eget ante suscipit sagittis. Ut libero dui, ultricies vel pharetra non, aliquam eget leo. Curabitur turpis risus, venenatis a commodo. Cras ipsum massa, placerat ut euismod eu, tempus id ligula. Ut id tristique enim. Ut vel leo at nisl vestibulum tristique quis et velit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac ipsum eget ante suscipit sagittis. Ut libero dui, ultricies vel pharetra non, aliquam eget leo. Curabitur turpis risus, venenatis a commodo.
								</p>
							</div><!-- end .post-content -->
						</article><!-- end .post -->
						
						<hr />
						
						<div class="pagination clearfix">
							<span class="prev"><a href="#">Older entries</a></span>
							<span class="next"><a href="#">Newer entries</a></span>
						</div><!-- end .pagination -->
						
					</div><!-- end .content -->
					
					
					<div class="sidebar">
					
						<div class="widget">
							<h6>Sponsors</h6>
							<div class="widget-content">
								<a href="http://themeforest.net?ref=pogoking" class="ad-link"><img src="assets/tf-125x125.gif" width="125" height="125" alt="TF" class="ad" /></a>
								<a href="http://audiojungle.net?ref=pogoking" class="ad-link"><img src="assets/aj-125x125.gif" width="125" height="125" alt="AJ" class="ad" /></a>
							</div><!-- end .widget-content -->
						</div><!-- end .widget -->
					
						<div class="widget widget-list">
							<h6>Browse topics</h6>
							<div class="widget-content">
								<ul>
									<li><a href="#">News</a></li>
									<li><a href="#">Operating systems</a></li>
									<li><a href="#">Theme updates</a></li>
									<li><a href="#">Web design</a></li>
									<li><a href="#">Web development</a></li>
									<li><a href="#">WordPress themes</a></li>
								</ul>
							</div><!-- end .widget-content -->
						</div><!-- end .widget -->
						
						<div class="widget widget-list">
							<h6>Browse archives</h6>
							<div class="widget-content">
								<ul>
									<li><a href="#">April 2011</a></li>
									<li><a href="#">March 2011</a></li>
									<li><a href="#">February 2011</a></li>
									<li><a href="#">January 2011</a></li>
									<li><a href="#">December 2010</a></li>
									<li><a href="#">November 2010</a></li>
								</ul>
							</div><!-- end .widget-content -->
						</div><!-- end .widget -->
						
						<div class="widget">
							<h6>Little about us</h6>
							<div class="widget-content">
								<p>
									Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer mattis iaculis urna ut mollis. Praesent est elit, commodo in blandit ut, mollis eu erat. Nullam ac ipsum eget ante suscipit sagittis.
								</p>
							</div><!-- end .widget-content -->
						</div><!-- end .widget -->
					
					</div><!-- end .sidebar -->
					
				</div><!-- end .inner-wrap -->
			</div><!-- end #main -->
		
		</div><!-- end #wrap -->
		
		
		<footer id="footer">
			<div class="inner-wrap">
			
				<nav>
					<ul id="footer-nav" class="clearfix">
						<li><a href="index.html">Home</a></li>
						<li><a href="4-column-pricing.html">Sign up</a></li>
						<li><a href="#">Legal</a></li>
						<li><a href="wiki.html">Support</a></li>
						<li><a href="contact.html">Contact</a></li>
					</ul>
				</nav>
				
				<!-- Set margin-top on logo to negative half of image height (to center it vertically) in CSS (.footer-logo) -->
				<a href="index.html"><img class="footer-logo" src="images/light-blue/logo-small.png" width="107" height="39" alt="logo" /></a>
				
				<small class="copyright">&copy;2011&nbsp;&nbsp;&middot;&nbsp;&nbsp;CheerApp HTML template by <a href="http://themeforest.net/user/pogoking?ref=pogoking">Mateusz Hajdziony</a></small>
			
			</div>
		</footer><!-- end footer -->
	
	</body>

</html>